<script setup>
let students = [{name:'GG bond',sn:'140101'},
  {name:'Ayaka',sn:'140102'},
  {name:'Bob',sn: '140103'},
  {name:'Castor',sn: '140104'},
  {name: 'Saber',sn: '140105'}]
</script>
<template>
  <div>
    <table border="1" cellpadding="1" cellspacing="0">
      <tr>
        <td>序号</td>
        <td>姓名</td>
        <td>学号</td>
      </tr>
      <tr v-for="(item,index) in students">
        <td>{{index+1}}</td>
        <td>{{item.name}}</td>
        <td>{{item.sn}}</td>
      </tr>


    </table>



  </div>

</template>

<style scoped></style>
